<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>pic-modify</title>
    <link href="css/font.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<!--webfont-->
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
	
	<script>
	$(function(){
	$(".hov").hide();
	$(".text").hide();	
	$(".col-md-3").hover(function(){	
		$(this).find(".hov").stop().fadeTo(286,0.5)
		$(this).find(".text").stop().show();
	},
	function(){
		$(this).find(".hov").stop().fadeTo(286,0)
		$(this).find(".text").stop().hide();
		// $(this).find(".text").animate({left:"-286px"}, {duration: 0})
	});
});
</script>
</head>
<body>

	<div class="navigation-strip">
        <div class="container">
            <div class="nav_content">
                <div class="home">
                    <a href="index.html"><img src="images/imangine.png" alt="" /></a>
                </div>
                <div class="search">
                    <form>
                        <input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"/>
                        <input type="submit" value="">
                    </form>
                </div>
                <div class="reglogbar-user pull-right">
                    <div class="userp">
                        <span>Jully Coco &nbsp;</span>
                        <a href="personal.html"> <img src="images/user-p.png" /> </a>
                    </div>
                </div>
                <span class="menu"></span>
                <div class="top-menu">
                    <ul>
                        <li><a class="active" href="pic.html">Picture</a></li>
                        <li><a href="album.html">Album</a></li>
                        <li><a href="group.html">Group</a></li>
                        <li><a href="search.html">Search</a></li>
                        <li><a href="about.html">About us</a></li>
                        <div class="clearfix"></div>
                    </ul>
                </div>
                <!-- script for menu -->
                <script>
                    $( "span.menu" ).click(function() {
                        $( ".top-menu" ).slideToggle( "slow", function() {
                            // Animation complete.
                        });
                    });
                </script>
                <!-- script for menu -->
                <div class="clearfix"></div>
            </div>
        </div>
	</div>
	<div class="content">
		<div class="container">
			<div id="login" style="padding:30px 0;">
                <form role="form" action="picUpload" enctype="multipart/form-data" method="post">
                    <div class="form-group">
                        <label for="name">Picture Title</label>
                        <input type="text" class="form-control" id="name"
                               placeholder="Please input the picture title...">
                    </div>
                    <div class="form-group">
                        <label for="name">Picture Description</label>
                        <textarea class="form-control" rows="3"></textarea>
                    </div>
                    <div class="form-group">
                        <a href="#" class="input-file">Browse...<input type="file" id="inputfile"></a>
                    </div>
                    <button class="btn-sub">Submit</button>
                </form>

			</div>
			
				<!---/start-text-slider-->
				<div class="testimonials">
			
		<div id="testimonials">
			 <div class="wmuSlider example1">
		 	<div class="container-flueid">
				 <article style="position: absolute;"> 
				   	<div class=" cont span_2_of_3  client-main">
							<div class="slide-text">
								<p>Praesent pulvinar, est eget pharetra euismod, metus felis condimentum massa, ut vestibulum ipsum risus vel ligula. In hac habitasse platea dictumst.</p>
						  		<a href="#">by Esmet Hajrizi</a>
								<div class="clearfix"></div>								
						 	</div> 
					</div>
				 </article>
				 <article style="position: absolute;"> 
				   	<div class=" cont span_2_of_3  client-main">
							<div class="slide-text">
								<p>Praesent pulvinar, est eget pharetra euismod, metus felis condimentum massa, ut vestibulum ipsum risus vel ligula. In hac habitasse platea dictumst.</p>
						  		<a href="#">by Esmet Hajrizi</a>	
								<div class="clearfix"></div>
						 	</div> 
					</div>
				 </article>
				 <article style="position: absolute;"> 
				   	<div class=" cont span_2_of_3  client-main">
							<div class="slide-text">
								<p>Praesent pulvinar, est eget pharetra euismod, metus felis condimentum massa, ut vestibulum ipsum risus vel ligula. In hac habitasse platea dictumst.</p>
						  		<a href="#">by Esmet Hajrizi</a>
								<div class="clearfix"></div>
						 	</div> 
					</div>
				 </article>
				 <article style="position: absolute;"> 
				   	<div class=" cont span_2_of_3  client-main">
							<div class="slide-text">
								<p>Praesent pulvinar, est eget pharetra euismod, metus felis condimentum massa, ut vestibulum ipsum risus vel ligula. In hac habitasse platea dictumst.</p>
						  		<a href="#">by Esmet Hajrizi</a>
								<div class="clearfix"></div>
						 	</div> 
					</div>
				 </article>	 
                  <script src="js/jquery.wmuSlider.js"></script> 
					<script>
       				     $('.example1').wmuSlider();         
   					</script> 	
						<div class="clearfix"></div>
	         </div>
	     </div>
		 <div class="arrow">
			<div class="shows">
				<span class="a1"><img src="images/tes.png" alt="" /></span>
			</div>
		 </div>
	 <!--//text-slider-->

			</div>
		</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer-top">
			<div class="container">
				<div class="col-md-4 footer-grid">
					<h5>ABOUT US</h5>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in purus nibh. Donec ornare felis neque. Nullam tortor nulla, sodales quis posuere quis, tristique nec libero. Proin vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat. </p>
				</div>
				<div class="col-md-4 footer-grid">
					
				</div>
				<div class="col-md-4 footer-grid">
					<h5>FOLLOW US</h5>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in purus nibh. Donec ornare felis neque. Nullam tortor! </p>
					
			
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="copyrights">
					<p>Copyright &copy; 2015.Imangine All rights reserved.</p>
				</div>
				<div class="go-top">
					<a href="#header" class="scroll"><img src="images/go-to-top.png" alt="" /></a>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	
</body>
</html>